<div class="user-account">
    <div class="login-btn" *ngIf="!us.isLogined" (click)="us.setModal('login')">
        <img [src]="loginImg" alt="login-avatar">
        <span>登录</span>
    </div>
    <div class="sign-zone" *ngIf="us.isLogined">
        <div class="user-icon">
            <img [src]="loginImg" alt="login-avatar">
            <!-- <img *ngIf="us.user.avatar" [src]="us.user.avatar" alt="user-avatar"> -->
            <!-- <span *ngIf="!us.user.avatar">{{us.nick}}</span> -->
        </div>
        <ul class="profile-list">
            <!-- <li (click)="us.setModal('setting')">个人设置</li> -->
            <li (click)="logout()">退出登录</li>
        </ul>
    </div>
    <!-- 用户登录、用户中心、找回密码、用户详情 -->
    <user-login *ngIf="us.currentModal==='login'" (setModal)="us.setModal($event)"></user-login>
    <!-- <wechat-login *ngIf="us.currentModal==='login'" (setModal)="us.setModal($event)"></wechat-login> -->
    <user-signup *ngIf="us.currentModal==='signup'" (setModal)="us.setModal($event)"></user-signup>
    <!-- <user-signup *ngIf="us.currentModal==='findpwd'" [type]="us.currentModal" (setModal)="us.setModal($event)"></user-signup> -->
    <user-findpwd *ngIf="us.currentModal==='findpwd'" (setModal)="us.setModal($event)"></user-findpwd>
    <!-- <user-setting *ngIf="us.currentModal==='setting'" (setModal)="us.setModal($event)"></user-setting> -->
    <wechat *ngIf="us.currentModal === 'wechat'" (setModal)="us.setModal($event)"></wechat>
    <qywechat *ngIf="us.currentModal === 'qywechat'" (setModal)="us.setModal($event)"></qywechat>
    <bindMobile *ngIf="us.currentModal === 'bindMobile'" (setModal)="us.setModal($event)"></bindMobile>
    <openservice *ngIf="us.currentModal === 'openService'" (setModal)="us.setModal($event)"></openservice>
    <developing *ngIf="us.currentModal === 'developing'" (setModal)="us.setModal($event)"></developing>
</div>